<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>消息框，输入框，确认框</title>
</head>
<body>
    <script>
        // JavaScript的组成部分：
        //1. ESMAScript 核心库
        //2. BOM 浏览器对象模型，其实是一个window对象，该对象提供了操作浏览器的行为。
        //3. DOM 文档对象模型，其实就是document对象，该对象提供了操作当前网页的行为。

        //消息框,alert()方法用于弹出消息框，该方法属于window对象。

        window.alert('HelloWorld')

        // js的默认对象就是window对象，所以，window可以省略。

        alert('HelloWorld')

        // 输入框，prompt()方法用于弹出输入框，该方法会返回输入的结果，所以定义一个变量接收一下

        var name = prompt('请输入姓名：')
        console.log(name);
        var age = prompt('请输入年龄：')
        console.log(age);

        // 注意：prompt()方法返回的值，都是以字符串的形式返回的
        // parseInt()方法，用于将数据强转为整型

        var age1 = parseInt(age)
        console.log(age1);

        // parseFloat()方法，用于将数据强转为浮点型

        var age2 = parseFloat(age)
        console.log(age2);



        var str = '5.5.5'
        var s1 = parseInt(str) // 5
        console.log(s1);
        var s2 = parseFloat(str) // 5.5
        console.log(s2);
        var str2 = 'a5.5'
        var s3 = parseInt(str2)                 
        console.log(s3); // 返回的结果是： NaN ---> nat a number
        var s3 = parseFloat(str2)
        console.log(s3)
        var str3 = '55'
        // isNaN() 方法，判断数据如果不是数字就返回true，是数字返回false

        console.log(isNaN(str2));               //返回true，表示str2不是number
        console.log(isNaN(str3));               //返回fals，表示str3是number
        console.log(isNaN(str));                //返回true，表示str不是number

        //确认框
        //confirm() 方法，用于弹出确认框，确认框的返回值是boolean类型，点确定返回true，点取消返回false

        var s4 = confirm('确定删除吗？')
        console.log(s4);
        
    </script>
</body>
</html>